<!doctype html>
<html lang="en">
<head>
    <title>FEATSKY Best-1.0</title>
    <meta charset="UTF-8">
    <meta name="keywords" content="featsky,featsky博客,641151096"/>
    <meta name="description" content="featsky的个人博客,641151096的个人博客"/>
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta data-name="article" />
    <!-- build:css src/all.css -->
    <link data-type="concat" rel="stylesheet" href="../src/css/common/reset.css">
    <link data-type="concat" rel="stylesheet" href="../src/css/common/common.css">
    <link rel="stylesheet" href="/src/css/common/icon.css">
    <link rel="stylesheet" href="//at.alicdn.com/t/font_335441_3afh25ms2t4q85mi.css">
    <!-- endbuild -->
    <link rel="stylesheet" href="/src/css/art.css">
</head>
<body>

<header class="header">
    <div class="header-bar">
        <div class="header-left"></div>
        <div class="header-center">文章</div>
        <div class="header-right">
            <ul class="menu-list fx-col-b">
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
    </div>
</header>

<section id="search-model">
    <div class="model-box fx-row-s">
        <i class="iconfont icon-search"></i>
        <input name="search" type="text" placeholder="搜索/标题..">
    </div>
</section>


<div class="container">
    <!--列表模板填充-->
    <div class="load-button mt20">加载更多</div>
</div>


<!--列表模板*********************************************************-->
<div id="model-1" class="hide">
    <div class="article-item">
        <div data-name="imgPath" class="list-bg"></div>
        <h5 data-name="title" class="list-title"></h5>
        <p data-name="time" class="list-time"></p>
        <p data-name="text" class="list-text"></p>
    </div>
</div>
<!--*****************************************************************-->

<!--文章详情-->
<div class="article-detail">
    <header class="header">
        <div class="header-bar">
            <div class="header-left"><i class="back iconfont icon-arrows_left"></i></div>
            <div class="header-center">文章详情</div>
            <div class="header-right"></div>
        </div>
    </header>
    <section class="art-overflow">
        <div class="art-item">
            <h3 data-name="title" class="fw"></h3>
            <div class="mt7 c6">
                <span data-name="author"></span>
                <span data-name="time"></span>
            </div>
            <div class="content">

            </div>
        </div>
    </section>
</div>

<script src="/src/lib/zepto.js"></script>
<script src="/src/js/common.js"></script>
<script src="/src/js/ajax.js"></script>

<script src="/src/component/load/com-load.js"></script>
<script src="/src/component/message/com-message.js"></script>
<script src="/src/component/articleDetail/art_detail.js"></script>

<script src="/src/js/article.js"></script>

</body>
</html>